<!doctype html>
<html lang="en">
<head>
    <title>Cargo Tracker</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
          rel="stylesheet"
          integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
          crossorigin="anonymous"/>
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"/>
    <link
            href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic"
            rel="stylesheet" type="text/css"/>
    <style>
        body {
            text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
            box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
        }

        .cover-container {
            max-width: 70%;
        }

        @media (width: 768px) {
            .cover-container {
                max-width: 70%;
            }
        }
    </style>
</head>

<body class="d-flex vh-100 text-center text-white bg-dark">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
    <main class="my-auto flex-fill">
        <h1 class="py-5 display-1">Cargo Tracker</h1>
        <a href="https://github.com/eclipse-ee4j/cargotracker/">
            <img src="resources/images/CTlogobadge128.png" class="img-fluid mx-auto d-block"/>
        </a>
        <h2>Applied Domain Driven Design blueprints for Jakarta EE</h2>
        <div class="my-auto d-flex flex-column flex-md-row justify-content-center">
            <a class="mx-1 btn btn-outline-light btn-lg" href="public/track.xhtml">Public Tracking Interface</a>
            <a class="mx-1 btn btn-outline-light btn-lg" href="admin/dashboard.xhtml">Administration Interface</a>
            <a class="mx-1 btn btn-outline-light btn-lg"
               href="javascript:void(0)"
               onClick="window.open('event-logger/index.xhtml', 'EventLogger', 'width=320,height=440')">Mobile
                Event Logger</a>
        </div>
    </main>
    <footer class="my-1 text-white-50">
        <p> Fork of <a href="https://github.com/eclipse-ee4j/cargotracker/" class="text-white">Cargo Tracker</a>, by <a
                href="https://twitter.com/hantsy" class="text-white">@hantsy</a>.</p>
    </footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
        crossorigin="anonymous"></script>
</body>
</html>
